<template>
  <div>
    <input type="text" v-model="fn1" />+ <input type="text" v-model="fn2" />=
    <span>{{ fulName }}</span>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      fn1: 1,
      fn2: 2,
    };
  },
  computed: {
    fulName: {
      get() {
        return this.fn1 + "-" + this.fn2;
      },
      set() {},
    },
  },
  watch: {},
  created() {},
  methods: {},
};
</script>

<style scoped></style>
